﻿<!DOCTYPE html>
<?php
	session_start();
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>STUDIOCLICK - HOME</title>
<!-- CSS Files -->
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/superfish.css" media="screen" />
<style type="text/css">
.sf-sub-indicator {
	behavior: url(css/iepngfix.htc)
}
;
</style>
<!-- End of CSS Files -->
<!-- Javascript Files -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="javascript/jquery.cycle.all.js"></script>
<script type="text/javascript" src="javascript/superfish.js"></script>
<script type="text/javascript" src="javascript/dd.min.js"></script>
<script type="text/javascript">
//<![CDATA[

		$(document).ready(function()
		{
			$('#slider').cycle({
					fx: 'fade',
speed: 2000,
timeout: 4000
			});

			var ie6 = $.browser.msie && /MSIE 6.0/.test(navigator.userAgent);
		
			if (!ie6)
			{
				$('ul.sf-menu').superfish({ 
					delay:       1000,                            // one second delay on mouseout 
					animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation 
					speed:       'normal'                         // faster animation speed 
				}); 			
			}
			else
			{
				DD_belatedPNG.fix('#topbar, img, a, .commentbubble, .infobubble, .view-all, #category-picture1, #category-picture2, #category-picture3, #footer');
			}
		}); 
		//]]>

	</script>
<!-- End of Javascript Files -->
</head>
<body>
<!-- Wrapper -->
<div id="wrapper">
	<!-- Top bar -->
	<div id="topbar">
		<!-- Logo -->
		<img id='test' class="logo" src="images/logo.png" alt="logo" />
		<!-- Menu -->
		<div id="secnav">
			<?php
				if(!isset($_SESSION['nombre'])){
			?>
				<ul>
					<li> <a href="userRegister.php">SIGN UP</a></li>
					<li class="noimg"><a href="userLogin.php">LOGIN</a></li>
				<ul>
			<?php
				}
				else{
			
				echo('<ul>');
				echo('<li> <a href="#">WELCOME '.$_SESSION['nombre'].'</a> </li>');
				echo('<li class="noimg"> <a href="logOut.php">LOG OUT</a> </li>');
				echo('</ul>');
				}
			?>
		</div>
		<div class="menu">
			<ul class="sf-menu">
				<li> <a  class="on" href="index.php">HOME</a></li>
				<li> <a href="about.html">ABOUT</a>
					<ul>
						<li class="first"><a href="about.html">TEAM</a></li>
						<li><a href="about.html">PHILOSOPHY</a></li>
						<li><a href="about.html">COMPANY</a></li>
						<li class="last"><a href="about.html">PRODUCTS</a>
							<ul>
								<li class="first"><a href="about.html">PRODUCT ONE</a></li>
								<li><a href="about.html">PRODUCT TWO</a></li>
								<li class="last"><a href="about.html">PRODUCT THREE</a></li>
							</ul>
						</li>
					</ul>
				</li>
				<li> <a href="portfolio.php">PORTFOLIO</a>
					<ul>
						<li><a href="portfolio.php">WEBDESIGN</a></li>
						<li><a href="portfolio.php">PHOTOS</a>
							<ul>
								<li class="first"><a href="portfolio.php">NATURE</a></li>
								<li><a href="portfolio.php">ANIMALS</a></li>
								<li class="last"><a href="portfolio.php">CITIES</a>
									<ul>
										<li class="first"><a href="portfolio.php">NEW YORK</a></li>
										<li><a href="portfolio.php">MONTREAL</a></li>
										<li class="last"><a href="portfolio.php">LAS VEGAS</a></li>
									</ul>
								</li>
							</ul>
						</li>
						<li class="last"><a href="portfolio.php">ARTS</a></li>
					</ul>
				</li>
				<li> <a href="blog.html">BLOG</a>
					<ul>
						<li class="first"><a href="blog.html">CATEGORY ONE</a></li>
						<li><a href="blog.html">CATEGORY TWO</a></li>
						<li class="last"><a href="blog.html">CATEGORY THREE</a></li>
					</ul>
				</li>
				<li> <a href="contact.html">CONTACT</a> </li>
			</ul>
		</div>
		<!-- End of Menu -->
	</div>
	<!-- End of Topbar -->
	<!-- Featured item -->
	<div id="slider">
		<div id="featureditem1">
			<div class="new"><img src="images/new.png" alt="new"/></div>
			<div class="itemdescription">
				<h1>SOME TITLE :</h1>
				<span>Aliquam luctus lectus sit amet nibh facilisis feugiat. Morbi ullamcorper sem ut justo gravida at imperdiet facilisis.</span> </div>
		</div>
		<div id="featureditem2">
			<div class="new"><img src="images/new.png" alt="new" /></div>
			<div class="itemdescription">
				<h1>SOME TITLE :</h1>
				<span>Aliquam luctus lectus sit amet nibh facilisis justo gravida at imperdiet feugiat. justo gravida at imperdiet ut  facilisis.</span> </div>
		</div>
		<div id="featureditem3">
			<div class="new"><img src="images/new.png" alt="new" /></div>
			<div class="itemdescription">
				<h1>SOME TITLE :</h1>
				<span>Aliquam luctus lectus sit amet nibh facilisis justo gravida at imperdiet feugiat. justo gravida at imperdiet ut  facilisis.</span> </div>
		</div>
	</div>
	<!-- End of Featured item -->
	<!-- Category -->
	<div id="categorywrap">
		<div class="category"> <a href="portfolio.php">CATEGORY ONE +</a>
			<p>Aliquam luctus lectus sit amet nifacilisis feugiat. Morbi ullamcorper sem ut justo gravida at imperdiet.</p>
			<div id="category-picture1">
				<div class="view-all"> <a href="portfolio.php">VIEW ALL PHOTOS +</a> </div>
			</div>
		</div>
		<div class="category-middle"> <a href="portfolio.php">CATEGORY TWO +</a>
			<p>Morbi ullamcorper sem ut justo gravida at imperdiet. Aliquam luctus lectus sit amet nifacilisis feugiat.</p>
			<div id="category-picture2">
				<div class="view-all"> <a href="portfolio.php">VIEW ALL PHOTOS +</a> </div>
			</div>
		</div>
		<div class="category"> <a href="portfolio.php">CATEGORY THREE +</a>
			<p>Aliquam luctus lectus sit amet nifacilisis feugiat. Morbi ullamcorper sem ut justo gravida at imperdiet.</p>
			<div id="category-picture3">
				<div class="view-all"> <a href="portfolio.php">VIEW ALL PHOTOS +</a> </div>
			</div>
		</div>
		<div class="clear"></div>
	</div>
	<!-- End of Category -->
	<!-- Blog home -->
	<div id="content">
		<!-- Sidebar -->
		<div id="sidebar">
			<!-- Recent post -->
			<div id="recentpost">
				<h1>Login</h1>
				<form action="login.php" method=post>
					<label for="nombre">User email:</label>
					<input type="text" required id="nombre" name="email"/>
					<br>
					<label for="pass1">Password:</label>
					<input type="password" required id="pass1" name="pass1" />
					<br>
					<label for="pass2">Repeat password:</label>
					<input type="password" required id="pass2" name="pass2" />
					<br>
					<input type="submit" value="enviar" />
				</form>	
			</div>
			<!-- End of recent post -->
			<!-- Blog category -->
			<div id="blogcategory">
				<h1>CATEGORY +</h1>
				<ul>
					<li><a href="#">PHOTO EFFECTS</a></li>
					<li><a href="#">CREATIVE INSPIRATIONS</a></li>
					<li><a href="#">INTERVIEW</a></li>
					<li><a href="#">JOBS</a></li>
				</ul>
			</div>
			<!-- End of blog category-->
		</div>
		<!-- End of sidebar-->
		<h1>FROM THE BLOG +</h1>
		<div class="left-article"><a href="blog.html"> <img class="blog-img" src="images/blogimg1.png" alt="blogimg1" /></a>
			<div class="title"> <a href="blog.html">Three Short Tutorials for Photographers and Photography</a>
				<div class="infobubble">Jul 28th in Photo Effects by Dany Duchaine</div>
				<div class="commentbubble"><a href="#">21 COMMENTS</a></div>
			</div>
			<div class="content">
				<p class="blogarticle">Since its very beginning, Photoshop is the best tool for photo editing and this time I’ll take you through a few of short tutorials with some very basic yet practical.</p>
				<a href="blogpost.html">Continue reading</a> </div>
		</div>
		<div class="left-article"> <a href="blog.html"><img class="blog-img" src="images/blogimg2.png" alt="blogimg1" /></a>
			<div class="title"> <a href="blog.html">How to Create a Photo Manipulation of a Flooded City Scene</a>
				<div class="infobubble">Jul 12th in Photo Effects by Dany Duchaine</div>
				<div class="commentbubble"><a href="#">32 COMMENTS</a></div>
			</div>
			<div class="content">
				<p class="blogarticle">In this tutorial, we will learn how to manipulate a simple photo into a flooding torrent of a scene. We’ll use some relatively simple techniques to give this image.</p>
				<a href="blogpost.html">Continue reading</a> </div>
		</div>
		<!-- End of blog-->
	</div>
	<div class="clear"></div>
	<!-- Footer-->
	<div id="footer">
		<div class="info"> © 2009 StudioCLICK  |  DESIGNED AND DEVELOPPED BY <a href="#">DDSTUDIOS</a> </div>
		<div class="infonav"> <a href="#">HOME</a> | <a href="#">ABOUT</a> | <a href="#">PORTFOLIO</a> | <a href="#">BLOG</a> | <a href="#">CONTACT</a> </div>
	</div>
	<!-- End of footer-->
</div>
<!-- End of wrapper -->
</body>
</html>
